<template>
  <!--  jiera-->
  <div
    class='fixed top-[50vh] right-4 -translate-y-[50%] bg-white rounded flex flex-col gap-3 py-3 px-1'>
    <div class='i-carbon-person p-3 cursor-pointer hover:text-gray-400' @click='toChat'></div>
    <!--      工具条-->
    <el-tooltip effect='dark' placement='top'>
      <template #content>
        <img class='icon-wechat-wxcode' :src='qrcode' alt='微信二维码' />
      </template>
      <div class='i-carbon-logo-wechat p-3 cursor-pointer hover:text-gray-400'></div>
    </el-tooltip>
    <div class='i-carbon-help p-3 cursor-pointer hover:text-gray-400'></div>
    <div class='i-carbon-headphones p-3 cursor-pointer hover:text-gray-400'></div>
  </div>
</template>

<script setup lang='ts'>
import qrcode from '@/assets/weixin001.png'
import { useRouter } from 'vue-router'
const router = useRouter()

const toChat = async () => {
  await router.push({ path: '/main/talk/chat' })
}

</script>

<style>
.icon-wechat-wxcode {
  width: 200px;
  height: 200px;
}
</style>
